import React from "react";

// import { Toast } from 'antd-mobile-v5'
import { ActivityIndicator, Flex } from 'antd-mobile'

export default class RouterLoading extends React.Component {
  // componentDidMount() {
  //   Toast.show({
  //     icon: 'loading',
  //     content: '加载中…',
  //     duration: 200,
  //   })
  // }

  render() {
    return (
      <>
      <div style={{position: 'fixed',top: '50%', left: '50%', transform: 'translate(-50%, -50%)'}}>
        <Flex direction="column">
          <ActivityIndicator size="large" ></ActivityIndicator>
          <span style={{ marginTop: 8 }}>路由加载中...</span>
        </Flex>
      </div>
      
      {/* 路由加载中... */}
      </>
    )
  }
}